@demo-color: #28b6ff;
.top_tab{
  position: fixed;
  top:0;
  left: 20%;
  width: 60%;
  height: 68px;
  background-color: rgba(0,0,0,0.76);
  z-index: 1000;
  //align-items: center;
  //>.top_tab_title{
  //  color: #fff;
  //  font-size: 40px;
  //  height: 100%;
  //  line-height: 200%;
  //}
  >.header-menu{
    //width: 76%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    border-bottom: 1px solid @demo-color;
    li{
      float: left;
      width: 100px;
      text-align: center;
      padding: 22px 0;
      margin: 0 2%;
      cursor: pointer;
      user-select:none;
      p{
        color: #b0b1b5;
        display: inline-block;
      }
      i{
        color: #b0b1b5;
      }
      .menu-icon{
        font-size: 18px;
        margin-right: 7px;
      }
      &:hover{
        p{
          color: @demo-color;
        }
        i{
          color: @demo-color;
        }
      }
      &:active{
        p{
          color: #22d1ff;
        }
        i{
          color: #22d1ff;
        }
      }
/*      .menu-icon{
        font-size: 61px;
        color: white;
        cursor: pointer;
        border-radius: 50%;
        background-color: #003476;
        text-align: center;
      }*/
    }
    &:before{
      position: absolute;
      left: -70px;
      content: '';
      width: 0;
      height: 0;
      border-top: 68px solid rgba(0,0,0,0.76);
      border-right: 2px solid rgba(0,0,0,0.76);
      border-left: 68px solid transparent;
      //border-bottom: 68px solid #000;
    }
    &:after{
      position: absolute;
      right: -72px;
      content: '';
      width: 0;
      height: 0;
      border-top: 68px solid rgba(0,0,0,0.76);
      border-right: 70px solid  transparent;
      border-left: 2px solid rgba(0,0,0,0.76);
      //border-bottom: 68px solid rgba(0,0,0,0.76);
    }
  }
}
.current-time{
  span{
    position: fixed;
    right: 7%;
    color: @demo-color;
  }
  span:nth-child(1){
    top: 13px;
    font-size: 26px;
    text-shadow: -3px 3px 7px #000;
    font-weight: bold;
  }
  span:nth-child(2){
    top: 43px;
    font-size: 13px;
    font-weight: bold;
  }
}




.menu-icon-active{
  border-bottom: 3px solid @demo-color;
  i{
    color: #28b6ff!important;
  }
  p{
    color: #28b6ff!important;
  }
}